<template>
    <v-layout column fill-height class="white">
        <v-app-bar color="white" app hide-on-scroll>
            <v-toolbar-title>match</v-toolbar-title>
            <v-spacer></v-spacer>
            <v-btn>
                install
            </v-btn>
            <template v-slot:extension>
                <div>all</div>
            </template>
        </v-app-bar>
        <v-flex>
            <div v-for="i in 100">123</div>
        </v-flex>

        <v-bottom-navigation app grow color="white">
            <v-btn color="teal" text >
                <span>match</span>
            </v-btn>

            <v-btn color="teal" text>
                <span>talk</span>
            </v-btn>
        </v-bottom-navigation>
    </v-layout>
</template>
<script>
  export default {
    name: "codepen"
  }
</script>

<style scoped>

</style>
